Estoy usando Uppy Dashboard y cada vez que cambia el estado, uppy reinicia su estado y no se muestran las imágenes cargadas. ¿Cómo puedo agregar/mostrar imágenes en mi uppy? ¿Cómo precargar/precargar imágenes en la biblioteca uppy.io?
Cualquier ayuda será apreciada. Gracias A continuación está mi código:
const equipment_uppy = new Uppy({ id: 'equipment_uppy', restrictions: { allowedFileTypes: ['image/*', 'video/*'] }, autoProceed: false }) equipment_uppy.on('file-added', (file) => { equipment_uppy.setFileMeta(file.id, { type: file.source, avintakeid : data.id }) }) equipment_uppy.use(XHRUpload, { endpoint: `${process.env.REACT_APP_SITE_URL}/api/auth/uploadavintakeimages`, formData: true, fieldName: 'files[]', headers: { Authorization: `Bearer ${localStorage.getItem('accessToken')}` }}) equipment_uppy.use(Webcam) <Dashboard uppy={equipment_uppy} id='equipment_location_image' width='100%' height='300px' plugins={['Webcam']} />Asegúrese de tener la última versión de Uppy core y Uppy react NPM https://www.npmjs.com/package/uppy . Después de eso, por favor inicialice de esta manera
import Uppy from '@uppy/core' import XHRUpload from '@uppy/xhr-upload' import Webcam from '@uppy/webcam' import { DragDrop, Dashboard, useUppy } from '@uppy/react' const equipment_uppy = useUppy(() => { return new Uppy({ id: 'equipment_uppy', restrictions: { allowedFileTypes: ['image/*', 'video/*'] }, autoProceed: false }) .use(XHRUpload, { endpoint: `${process.env.REACT_APP_SITE_URL}/api/auth/uploadapi`, formData: true, fieldName: 'files[]', headers: { Authorization: `Bearer ${localStorage.getItem('accessToken')}` }}) }) equipment_uppy.on('file-added', (file) => { equipment_uppy.setFileMeta(file.id, { type: file.source, avintakeid : data.id }) }) equipment_uppy.on('file-removed', (file) => { console.log(file) }) equipment_uppy.on('complete', function(result) { console.log(result) }) <Dashboard uppy={equipment_uppy} id='equipment_location_image' width='100%' height='180px' > </Dashboard>Espero que esto funcione Gracias